خوب دوس دارم نظرم رو راجب دوره برای کسانی که میخوان تهیه کنن بنویسم من تا اینجا 130 قسمت از دوره رو دیدم می تونم بگم جامع ترین و کامل ترین دوره ری اکتی هست که من تونستم پیدا کنم بر خلاف دوره های زیادی که فقط یه سری مطالب کلی میگن راجب ری اکت این دوره ریز جزئیات رو به صورت عملی حتی کوچک ترین ارور هارو پوشش میده و شما اگر به تمام مطالب مسلط باشید واقعا ری اکت کارید اما به هیچ وجه اسون نیست و کلا برنامه نویسی سخته و البته ری اکت ، از شروع دوره اگر وقت دارید عجله ندارید هر قسمت رو چندین بار ببینید و کد بزنید تا بهترین استفاده رو داشته باشید با تشکر از استاد دانا و مسلط دوره جناب بساکی عزیز
آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
هدیه شرکت در دوره آموزش React
با ثبت نام در این دوره فقط آموزش React را دریافت نخواهید کرد. از آنجایی که خیلی از عزیزان نمی‌دانند که بعد از یادگیری React چه باید کنند، یا نمی‌خواهند وقت خود را برای جستجوی دوره مناسب هدر دهند، ما دو دوره دیگر را برای شما عزیزان در نظر گرفته‌ایم. کافیست در دوره آموزش ریاکت کدیاد ثبت نام کنید و دو دوره جامع زیر را بطور رایگان دریافت کنید:
- دوره آموزش Next.js
- دوره آموزش PWA
در واقع، مبلغی که پرداخت می‌کنید برای 3 دوره جامع میباشد که راهنمای شما تا رسیدن به موقعیت شغلی دلخواه‌تان است!
در دنیای پر سرعت توسعه وب، React به عنوان یک تغییر دهنده بازی ظاهر شده است و روشی را که ما برای ساخت رابط های کاربری برای برنامه های کاربردی تحت وب ایجاد می کنیم، متحول کرده است.
با معماری مبتنی بر کامپوننت و قابلیت استفاده مجدد، React به یک انتخاب عالی برای توسعه دهندگان در سراسر جهان تبدیل شده است. پس اگر به دنبال ارتقاء مهارت های توسعه وب خود هستید، به جای درستی آمده اید.
این دوره آموزش جامع ری اکت (React) یک رویکرد پروژه محور را ارائه می دهد که به شما امکان ایجاد برنامه های وب خیره کننده، تعاملی و مقیاس پذیر را خواهد داد. فرقی نمی کند که یک مبتدی یا یک توسعه دهنده با تجربه باشید، این مقاله شما را با همه چیز هایی که در مورد آموزش React، کاربرد ها، ویژگی ها، بازار کار و آینده هیجان انگیز این کتابخانه قدرتمند باید بدانید، آشنا می کند.
React چیست؟
React یک کتابخانه جاوا اسکریپت منبع باز است که اولین بار توسط فیس بوک در سال 2011 استفاده شد و همچنان توسط این کمپانی توسعه و نگهداری می شود. این کتابخانه به عنوان یک ابزار قدرتمند برای ساخت رابط های کاربری، به ویژه برای برنامه های کاربردی تک صفحه ای (SPA) و رابط های وب پیچیده عمل می کند.
با تجزیه رابط کاربری به اجزای کوچک و قابل استفاده مجدد، React توسعه دهندگان را قادر می سازد تا برنامه های تعاملی، پویا و سریع ایجاد کنند. محبوبیت آن ناشی از سادگی، کارایی و توانایی آن برای ادغام یکپارچه با سایر کتابخانه ها و چارچوب های جاوا اسکریپت است.
جالب است بدانید که کمپانی های بزرگی همچون فیسبوک، اینستاگرام، Pinterest، نتفلیکس، Dropbox، واتس اپ و PayPal نیز از React در محصولات خود استفاده می کنند.
معرفی دوره آموزش ری اکت
دوره آموزش جامع ری اکت (React) آکادمی کدیاد به صورت کاملا پروژه محور طراحی شده است. این دوره از زیر صفر شروع به آموزش مفاهیم پایه می کند و کم کم به انجام پروژه های عملی و پیچیده خواهد پرداخت.
در طی این دوره به آموزش مفاهیمی مانند ES6، هوک های ری اکت، Context API، PWA و Redux نیز خواهیم پرداخت که در تقویت رزومه شما تاثیر بسزایی دارند. بدلیل در بر گرفتن تمامی مباحث و مهارت های مربوط به react در این دوره، دیگر نیازی به دوره های دیگری نخواهید داشت و هر آنچه لازم دارید برای شما فراهم شده است.
از ویژگی های کم نظیر این دوره می توان به آموزش تعاملی اشاره کرد. مدرس این دوره ریکت یک آموزش تعاملی را برای دانشجویان عزیز در نظر گرفته است. یعنی در طی دوره تمرینات و پروژه هایی که به شما داده می شود را می توانید با مدرس به اشتراک بگذارید و همفکری او را داشته باشید.
در انتهای دوره react نیز یک پروژه پنل ادمین فروشگاه را در کنار یکدیگر انجام خواهیم داد. دلیل انتخاب این پروژه پیچیده بودن و تقاضای زیاد برای آن است، که می تواند نقطه قوتی در رزومه شما باشد.
کاربرد های React
React در طیف وسیعی از سناریوها کاربرد پیدا می کند. از ساخت رابط های کاربری پاسخگو برای برنامه های کاربردی وب تا ایجاد برنامه های موبایلی با استفاده از React Native. این کتابخانه ی همه کاره کاربرد های مختلفی دارد که برخی از آن ها در زیر آورد شده است.
- ساخت برنامه های وب: React به طور گسترده برای توسعه برنامه های کاربردی وب استفاده می شود و به توسعه دهندگان اجازه می دهد تا رابط های کاربری تعاملی و جذاب ایجاد کنند. DOM مجازی یا (Virtual DOM (Document Object Model آن به طور موثر اجزاء را بروز و رندر می کند و عملکرد و پاسخگویی را افزایش می دهد.
- توسعه برنامه های موبایل: React Native یک برنامه افزودنی از ری اکت به توسعه دهندگان این امکان را می دهد تا برنامه های کاربردی موبایل بین پلتفرمی را برای iOS و Android بسازند. با استفاده از یک پایگاه کد، توسعه دهندگان می توانند برنامه های موبایلی مشابه بومی ایجاد و در زمان و تلاش خود صرفه جویی کنند.
- ایجاد کامپوننت های رابط کاربری: معماری مبتنی بر کامپوننت React قابلیت استفاده مجدد کد را ارتقا می دهد. توسعه دهندگان می توانند کامپوننت ها را در پروژه های مختلف ایجاد کرده و مجدداً از آن ها استفاده کنند. همچنین کامپوننت ها باعث ساده تر شدن فرآیند های توسعه و نگهداری می شوند.
- اپلیکیشن های تک صفحه ای (SPA): رندر کارآمد React و DOM مجازی، آن را برای ایجاد SPA ایده آل می کند.
- برنامه های وب پیشرو (PWA): ری اکت نقشی اساسی در ساختن PWA ایفا می کند و تجربه ای شبیه به اپلیکیشن موبایل را به کاربران ارائه می دهد و در عین حال دسترسی به یک برنامه وب را حفظ می کند.
- رابط های کاربری تعاملی: رویکرد اعلامی React برای ایجاد رابط های کاربری، فرآیند مدیریت تعاملات کاربر را ساده و ایجاد رابط های بصری و کاربر پسند را آسان تر می کند.
- ادغام با کتابخانه های دیگر: ری اکت را می توان به راحتی با کتابخانه ها و فریم ورک های دیگر مانند Redux ،GraphQL و Material-UI ترکیب کرد و به توسعه دهندگان این امکان را می دهد که پروژه های خود را با ویژگی ها و عملکرد های اضافی ارتقا دهند.
با این تطبیق پذیری، React ثابت می کند که یک ابزار ارزشمند برای توسعه دهندگان در دامنه های مختلف است و آن ها را قادر می سازد تا برنامه های مدرن، تعاملی و با کارایی بالا ایجاد کنند.
مخاطبین دوره آموزش ری اکت
این دوره آموزش ری اکت برای مخاطبان مختلفی طراحی شده است:
- برنامه نویسان وب: افرادی که آرزو دارند برنامه نویس وب شوند یا به دنبال افزایش مهارت های توسعه وب خود هستند، این دوره، بهترین انتخاب آن ها خواهد بود.
- توسعه دهندگان فرانت اند: توسعه دهندگان Front-end که به دنبال ارتقاء مجموعه مهارت های خود و کاوش در دنیای فن آوری های مدرن فرانت اند هستند، از این آموزش بهره زیادی خواهند برد.
- برنامه نویسان موبایل: توسعه دهندگانی که علاقه مند به ساخت اپلیکیشن های موبایلی چند منظوره با استفاده از React Native هستند، می توانند از طریق این دوره، تجربه عملی و بینش های ارزشمندی بدست آورند.
- علاقه مندان به جاوا اسکریپت: علاقه مندان به JS که مشتاق کشف قابلیت های قدرتمند React و اکوسیستم آن هستند، می توانند از این دوره استفاده کنند.
- برنامه نویسان فول استک: توسعه دهندگان باتجربه ای که به دنبال به روز بودن با آخرین روند های توسعه وب و گسترش مجموعه مهارت های خود هستند، افق های جدیدی را با این دوره آموزشی React کشف خواهند کرد.
ویژگی های کلیدی React
مجموعه ویژگی های غنی React به توسعه دهندگان این امکان را می دهد تا برنامه های کاربردی قوی و مقیاس پذیر ایجاد کنند. برخی از ویژگی های کلیدی آن عبارتند از:
- معماری مبتنی بر کامپوننت: ساختار مبتنی بر کامپوننت ری اکت، قابلیت استفاده مجدد و ماژولار بودن را ارتقا می دهد. کامپوننت ها را می توان به راحتی ترکیب کرد و امکان سازماندهی و نگهداری کد کارآمد را فراهم می کند.
- DOM مجازی (Virtual DOM): ری اکت از یک DOM مجازی برای بهینه سازی فرآیند به روزرسانی و رندر کامپوننت های UI استفاده می کند. این موضوع نیاز به دستکاری مستقیم DOM واقعی (Real DOM) را به حداقل می رساند و در نتیجه باعث بهبود عملکرد می شود.
- JSX (جاوا اسکریپت XML): به توسعه دهندگان اجازه می دهد تا سینتکس HTML مانندی را در جاوا اسکریپت بنویسند که آن را بصری تر و خوانا تر می کند.
- جریان داده های یک طرفه : React از یک جریان داده یک طرفه پیروی می کند و اطمینان حاصل می کند که تغییرات داده ها در یک جهت منتشر می شوند و برنامه را قابل پیش بینی تر و رفع باگ ها را بسیار ساده تر می کند.
- React Native: با اموزش ری اکت نیتیو (React Native)، توسعه دهندگان می توانند از قدرت React برای ساخت اپلیکیشن های موبایلی چند پلتفرمی با عملکرد و تجربه کاربری مشابه بومی استفاده کنند.
- جامعه و اکوسیستم: جامعه بزرگ و فعال ریاکت به اکوسیستم گسترده ای از کتابخانه ها، ابزار ها و منابع کمک می کند که بهره وری آن را افزایش می دهد.
- ابزار های برنامه نویسی: React مجموعه ای از ابزار های مورد نیاز توسعه دهنده را در اختیار او قرار می دهد که به اشکال زدایی، نمایه سازی و بررسی اجزای ری اکت کمک می کنند و فرآیند توسعه را کارآمد تر خواهد کرد.
پیش نیازهای دوره آموزش React
برای شروع این سفر آموزشی پربار React، فقط و فقط درک اولیه ای از HTML ،CSS و JavaScript کافی است. خوشبختانه، در سایت رسمی آکادمی کدیاد می توانید دوره آموزشی HTML و CSS و همچنین دوره آموزش جامع جاوا اسکریپت را بصورت کاملا رایگان مشاهده کنید.
با این حال، حتی اگر در توسعه وب مبتدی هستید، این دوره آموزشی جامع شما را به صورت گام به گام در فرآیند یادگیری راهنمایی می کند و به شما اطمینان می دهد که پایه ای قوی در React ایجاد کنید.
چرا باید ری اکت را یاد بگیریم؟
یادگیری React دنیایی از فرصت ها را برای توسعه دهندگان وب باز می کند. در اینجا چند دلیل قانع کننده وجود دارد که چرا باید به تسلط بر React فکر کنید:
- تقاضای بالا در بازار کار: React به یک مهارت مورد توجه در بازار کار تبدیل شده است. بسیاری از شرکت ها به دنبال توسعه دهندگانی هستند که بتوانند با استفاده از این کتابخانه رابط های کاربری کارآمد و پویا بسازند.
- تطبیق و انعطاف پذیری: تطبیق پذیری ری اکت به آن اجازه می دهد تا در پروژه های مختلف، از برنامه های کاربردی در مقیاس کوچک گرفته تا برنامه های وب پیچیده و موبایلی از آن استفاده شود.
- قابلیت استفاده مجدد: معماری مبتنی بر کامپوننت React قابلیت استفاده مجدد کد را ارتقا می دهد و در زمان و تلاش در فرآیند توسعه صرفه جویی می کند.
علاوه بر این ها، همانطور که گفتیم ری اکت دارای یک جامعه پر رونق و گسترده است که دسترسی به طیف وسیعی از کتابخانه ها، ابزار ها و منابع را برای تسریع توسعه تضمین می کند.
مقایسه React با Angular و Vue:
Angular و Vue دو فریمورک محبوب جاوا اسکریپت هستند که برای ساخت اپلیکیشن های فرانت اند استفاده می شوند. در حالی که هر کدام نقاط قوت و کاربرد های خود را دارند. اجازه دهید به طور خلاصه React را با Angular و Vue مقایسه کنیم:
- React:
- کتابخانه ای سبک برای ساخت رابط کاربری
- بر روی لایه نمایش برنامه متمرکز شده است.
- از یک DOM مجازی برای رندرینگ کارآمد استفاده می کند.
- دارای یک جامعه بزرگ و فعال و یک اکوسیستم قوی است.
- Angular:
- فریم ورکی با امکانات کامل برای ساخت برنامه های کاربردی در مقیاس بزرگ.
- از اتصال دو طرفه داده برای همگام سازی داده ها در زمان واقعی استفاده می کند.
- مجموعه ای جامع از ویژگی ها و ابزارها را ارائه می دهد.
- یک CLI (واسط خط فرمان) قدرتمند برای تولید کد و مدیریت پروژه ها ارائه می دهد.
- Vue:
- یک فریمورک جاوا اسکریپت پیشرو برای ساخت رابط کاربری است.
- به دلیل سادگی و سهولت ادغام با پروژه های موجود شناخته شده است.
- از یک DOM مجازی مشابه React برای رندرینگ کارآمد استفاده می کند.
- یادگیری آن نسبتا آسان است.
مورد مهمی که وجود دارد این است که ری اکت یک کتابخانه است اما دو رقیب آن فریمورک هستند. از این رو، React بسیار سبک و ساده تر از رقبای خود است. با این معرفی مختصر درباره ویژگی های کلیدی هر کدام، احتمالا به دید خوبی برای انتخاب خواهید رسید.
در نهایت، انتخاب بین React ،Angular و Vue به نیاز کارفرما، تخصص تیم، اهداف توسعه و سلیقه شما بستگی خواهد داشت.
آکادمی کدیاد دوره های آموزشی هر سه را برای شما طراحی کرده است تا با هر انتخابی، به راحت ترین شکل ممکن یادگیری را آغاز کنید.
آینده کتابخانه React
به عنوان یکی از پرکاربرد ترین کتابخانه های جاوا اسکریپت، React همچنان به تکامل خود ادامه می دهد و ویژگی ها و به روزرسانی های جدید مرتباً منتشر می شوند. جامعه پر جنب و جوش React نوآوری مداوم آن را هدایت می کند و تضمین می کند که این کتابخانه در خط مقدم توسعه frontend باقی می ماند.
بکلی، آینده React با رشد مداوم در تعداد فرصت های شغلی، تقاضا برای تخصص React و توسعه برنامه های کاربردی جدید هیجان انگیز امیدوارکننده به نظر می رسد.
بازار کار و درآمد React
تقاضا برای برنامه نویسان React در سال های اخیر به شدت افزایش یافته است. بسیاری از غول های فناوری، استارت‌آپ ها و شرکت ها از ریاکت برای ساخت برنامه های وب نوآورانه و ارائه یک تجربه کاربری یکپارچه استفاده می کنند.
در تیر ماه 1402، در سایت های کاریابی ایرانی حقوقی که برای برنامه نویسان ری اکت در نظر گرفته شده ماهانه بین 10 تا بیش از 40 میلیون تومان است. در سایت های خارجی مانند indeed نیز، این مبلغ سالانه از 80 تا 180 هزار دلار در نظر گرفته شده است.
به کلی، مزیت رقابتی ارائه شده توسط React منجر به افزایش فرصت های شغلی و چشم‌انداز های درآمدی جذاب برای توسعه دهندگان آن شده است. پلتفرم های فریلنسینگ بطور منظم تعداد زیادی آگهی شغلی را که به دنبال تخصص React هستند، از نقش های توسعه دهنده front-end گرفته تا توسعه اپلیکیشن موبایل React Native ارائه می کنند.
علاوه بر این، گزینه های کار از راه دور و فرصت های فریلنسری برای متخصصان ری اکت فراوان است که انعطاف پذیری بیشتر و شانس بالاتری را برای ایرانی ها فراهم خواهد کرد.
یادگیری ری اکت چقدر طول می کشد؟
مدت زمان یادگیری ری اکت به سرعت یادگیری فردی، تجربه برنامه نویسی قبلی و میزان تعهد شما بستگی دارد. برای مبتدیان، دستیابی به درک کاملی از اصول React ممکن است چند هفته طول بکشد. در حالی که مهارت در ساختن برنامه های پیچیده تر می تواند چندین ماه تمرین مداوم و یادگیری مبتنی بر پروژه نیاز داشته باشد.
کلید تسلط بر React در تجربه عملی و یادگیری پروژه محور نهفته است. خوشبختانه این دوره کاملا پروژه محور است. به این صورت که در هر قسمت یک مینی پروژه خواهید داشت و بعد از اتمام هر بخش یک پروژه بزرگ و واقعی را در کنار هم انجام خواهیم داد.
بعد از یادگیری React چه کنیم؟
پس از کسب مهارت در React، برای گسترش بیشتر مهارت های توسعه front-end خود، می توانید حوزه های زیر را بررسی کنید:
- React Native: با آموزش ری اکت نیتیو (React Native) می توانید با استفاده از همان اصول React، اپلیکیشن های موبایلی چند پلتفرمی بسازید.
- GraphQL :GraphQL را بیاموزید تا به طور موثر، داده ها را در برنامه های React خود مدیریت کنید.
- Jest و Enzyme: برای اطمینان از کیفیت و قابلیت اطمینان برنامه های React خود، بهتر است با این کتابخانه های آزمایشی آشنا شوید.
- رندر سمت سرور (SSR): می توانید رندر سمت سرور را برای بهبود زمان بارگذاری اولیه صفحه و بهینه سازی SEO برای برنامه های React خود یاد بگیرید.
- فریمورک های React: با اموزش فریم ورک های محبوب React مانند ری اکت جی اس (Reactjs) و Gatsby ،Next.js می توانید گردش کار توسعه و عملکرد خود را بهبود ببخشید.
همچنین، بهترین راه می‌تواند شروع یادگیری دوره‌های آموزش Next.js و آموزش PWA باشد که هدایای رایگان این دوره هستند!
سخن پایانی
خب، حالا شما هر آنچه را که لازم است، درمورد کتابخانه قدرتمند React و رقبای آن می دانید. حالا زمان اقدام فرا رسیده و شما باید تصمیم بگیرید که می خواهید آموزش ری اکت (React) را شروع کنید یا خیر. اگر جواب شما مثبت است، آکادمی کدیاد در کنار شما خواهد بود تا با دوره آموزش جامع و پروژه محور ری اکت (React) برنامه های کاربردی پیشرفته بسازید، مجموعه مهارت های خود را گسترش دهید و آینده توسعه وب را کشف کنید.
همانطور که قدم در دنیای هیجان انگیز React می گذارید، به یاد داشته باشید که تئوری را با عمل ترکیب کنید. شما باید روی پروژه های دنیای واقعی کار کنید و به طور مداوم خود را برای پیشرفت به چالش بکشید. چالش ها را در آغوش بگیرید و اجازه دهید خلاقیت‌تان شکوفا شود تا به یک توسعه دهنده ماهر React تبدیل شوید.
سرفصل های دوره
مقدمات و پیش نیازها
نصب پیش نیاز ها و ایجاد اولین پروژه react
00:17:11
افزودن react به وبسایت (به عنوان کتابخانه جانبی) - آشنایی با JSX
00:23:22
گیت و گیت هاب
00:17:13
ES6 (مفهوم کلاس در جاوااسکریپت)
00:13:06
ES6 (معرفی let - const - arrow functions)
00:10:07
ES6 (ماژول نویسی)
منتشرشده
00:13:16
آشنایی اولیه با React
آشنایی با ساخت پروژه ری اکت (ساخت تایمر با react)
منتشرشده
00:13:41
ساخت کامپوننت در react
منتشرشده
00:14:43
استایل دهی در ریکت - state ها در ری اکت
منتشرشده
00:13:39
کامپوننت ها در ریکت
منتشرشده
00:08:31
چرخه حیاط react
منتشرشده
00:11:49
مفهوم props در react و event handling در ری اکت
منتشرشده
00:12:43
ساخت مینی پروژه stopwatch با ری اکت
منتشرشده
00:16:10
مفاهیم اصلی React
ری اکت هوک - react hooks
منتشرشده
00:15:30
هوک useState در React
منتشرشده
00:13:28
مفهوم children در ری اکت و مفهوم key در react
منتشرشده
00:10:18
تکمیل بخش ثبت زمان - spread operator در ES6
منتشرشده
00:06:46
آشنایی با context در react
منتشرشده
00:17:32
حل تمرین جلسه18 - نکات مهم در ری اکت - Spread Operator در ES6
منتشرشده
00:15:53
فراخوانی پروژه از GitHub- بهترین راه تماشای آموزش آنلاین
00:18:20
شروع مینی پروژه اپلیکیشن TODO - کامپوننت Fragment
منتشرشده
00:08:42
ادامه مینی پروژه اپلیکیشن TODO - و Object destructuring در ES6
منتشرشده
00:12:51
ادامه اپلیکیشن TODO - و Conditional Rendering و form
منتشرشده
00:12:02
حل تمرین و تکمیل مینی پروژه TODO
منتشرشده
00:11:35
pure component در react
منتشرشده
00:11:46
مینی پروژه حدث کلمه - ref در ری اکت
منتشرشده
00:17:32
useRef و forwardRef در ری اکت
منتشرشده
00:10:35
معرفی قالب پروژه نهایی
00:06:00
شروع مینی پروژه جدید - استفاده از CSS Modules در react
منتشرشده
00:16:25
آشنایی با React Router
react-router | بخش 1
منتشرشده
00:11:22
react-router | بخش 2 - کامپوننت Navigate
منتشرشده
00:07:57
react-router | بخش 3
منتشرشده
00:11:29
react-router | بخش 4 (useNavigate و NavLink در ری اکت)
منتشرشده
00:12:57
react-router | بخش آخر (useLocation و sweetalert در ری اکت)
منتشرشده
00:10:29
ارتباط با سمت سرور
معرفی RESTful API
منتشرشده
00:08:23
معرفی و کار با Axios
منتشرشده
00:12:27
مفهوم promise و async - await
منتشرشده
00:22:12
حذف کاربر با متود DELETE با Axios
منتشرشده
00:09:19
افزودن کاربر با متود Post در Axios
منتشرشده
00:14:19
ویرایش کاربر - پیاده سازی سرچ کاربر
منتشرشده
00:16:11
نکات پیشرفته استفاده از Axios
منتشرشده
00:11:38
مفاهیم اصلی React (پیشرفته)
react-portals
منتشرشده
00:08:21
کامپوننت مرتبه بالا - HOC - آشنایی اولیه
منتشرشده
00:10:37
کامپوننت مرتبه بالا - HOC - مثال عملی
منتشرشده
00:16:12
render-props
منتشرشده
00:13:51
نکات مهم هوک ها - previous state در react
منتشرشده
00:12:58
نکات مهم هوک ها - useEffect
منتشرشده
00:09:35
آشنایی با هوک useReducer
منتشرشده
00:10:58
آشنایی با هوک useReducer - بخش دوم
منتشرشده
00:07:41
آشنایی با هوک useReducer - مثال عملی - fetching data
منتشرشده
00:22:39
آشنایی با هوک useCallback
منتشرشده
00:12:33
آشنایی با هوک useMemo
منتشرشده
00:12:33
آشنایی با custom hooks - ساخت هوک شخصی
منتشرشده
00:12:53
React-Redux
آشنایی با redux
منتشرشده
00:10:00
ساخت اولین پروژه ریداکسی - store, dispatch, subscribe
منتشرشده
00:12:20
redux-multi reducer
منتشرشده
00:08:05
آشنایی با react-redux - ساخت اولین پروژه ریداکسی در react
منتشرشده
00:16:09
استفاده از هوک ها در react-redux و multi-reducer در react-redux
منتشرشده
00:07:08
اکستنشن redux devTools به عنوان middleware
منتشرشده
00:07:59
Action payload
منتشرشده
00:10:27
Async action و redux-thunk
منتشرشده
00:18:19
شروع مینی پروژه اپلیکیشن آب و هوا - مدیریت تاریخ شمسی با moment
منتشرشده
00:12:33
تکمیل مینی پروژه اپ آب و هوا با ریداکس
منتشرشده
00:14:34
پیشنیاز redux-saga - آشنایی ES6-generators
منتشرشده
00:12:06
آشنایی کامل و پیاده سازی Redux-Saga
منتشرشده
00:10:53
multiple_watcher و takeLatest_action
منتشرشده
00:07:54
آشنایی با Redux Toolkit
00:01:58
ایجاد پروژه
منتشرشده
00:05:08
آماده سازی تمپلیت برای انجام تمرین
منتشرشده
00:08:08
استفاده از ریداکس تولکیت برای مدیریت دارک مود
منتشرشده
00:10:38
آماده سازی بخش async
منتشرشده
00:07:21
پیاده سازی async thunk با استفاده از ریداکس تولکیت
منتشرشده
00:10:12
مدیریت نمایش دیتاهای قدیمی با isFetching
منتشرشده
00:04:23
مدیریت فرم ها با Formik
آشنایی اولیه و ساخت اولین پروژه Formik
منتشرشده
00:13:08
اعتبارسنجی با formik و آشنایی با regex
منتشرشده
00:12:10
اعتبار سنجی با Yup
منتشرشده
00:11:37
استفاده از کامپوننت های Formik
منتشرشده
00:09:49
شخصی سازی کامپوننت های formik
منتشرشده
00:11:44
مدیریت آبجکت ها و آرایه ها در formik
منتشرشده
00:19:33
اعتبارسنجی کامپوننت های formik
منتشرشده
00:12:19
غیرفعال سازی دکمه سابمیت فرم
منتشرشده
00:10:18
اشتفاده از دیتای ذخیره شده در فرم
منتشرشده
00:11:40
ساخت کامپوننت با قابلیت استفاده مجدد
منتشرشده
00:08:28
ساخت کامپوننت های select و radioButton و checkbox
منتشرشده
00:12:30
ساخت فرم ورود شخصی
منتشرشده
00:15:26
ساخت فرم ثبت نام شخصی
منتشرشده
00:13:40
استفاده و ساخت datepicker
منتشرشده
00:15:10
آپلود فایل در formik و اعتبار سنجی فایل با Yup
منتشرشده
00:11:07
معرفی و تست api ثبت نام و لاگین کاربر
منتشرشده
00:13:49
ساخت فرم ثبت نام و ایجاد کاربر جدید
منتشرشده
00:08:12
پروژه پنل مدیریت فروشگاه
ایجاد پروژه اولیه - آشنایی با React 18
منتشرشده
00:09:54
انتقال لایوت پنل ادمین
منتشرشده
00:14:41
ایجاد Context برای پروژه و حل مشکل کدهای جاوااسکریپت قالب html
منتشرشده
00:17:31
تکمیل کامپوننت ها سایدبار منو
منتشرشده
00:10:20
تکمیل کامپوننت های صفحه داشبورد
منتشرشده
00:12:18
تکمیل UI صفحه مدیریت دسته بندی
منتشرشده
00:08:54
تکمیل UI صفحه محصولات - حل مشکل modal ها با react-portal
منتشرشده
00:11:00
ساخت کامپوننت مدال - کامپوننت جداول
منتشرشده
00:18:43
تکمیل بخش pagination در کامپوننت table
منتشرشده
00:14:58
ساخت کامپوننت سرچ برای پروژه
منتشرشده
00:14:54
افزودن react-router به پروژه
منتشرشده
00:08:29
انتقال صفحات مدیریت رنگها و گارانتی و برندها
منتشرشده
00:13:07
تکمیل انتقال قالب به پروژه react
منتشرشده
00:13:20
آشنایی با Swagger
منتشرشده
00:10:55
استفاده از بک اند پروژه روی سیستم لوکال
منتشرشده
00:12:16
افزودن صفحه لاگین به پروژه
منتشرشده
00:12:06
تکمیل صفحه ورود و اعتبار سنجی جهت ورود به پنل ادمین
منتشرشده
00:12:30
خروج از کاربری
منتشرشده
00:11:01
کانفیگ کلی برای سرویس ها
منتشرشده
00:14:05
دریافت دسته بندی و نمایش در صفحه مدیریت
منتشرشده
00:22:39
ساخت صفحه زیرگروه دسته بندی ها
منتشرشده
00:12:56
صفحه مدیریت محصول - تاریخ شمسی - outlet
منتشرشده
00:09:07
ساخت کامپوننت های فرم ها با فرمیک و تکمیل بخشی از صفحه افزودن دسته بندی
منتشرشده
00:18:09
حذف کدهای اضافی بعد از دریافت response از سمت سرور با axios.interceptors
منتشرشده
00:09:22
افزودن دسته بندی جدید
منتشرشده
00:10:55
کامپوننت لودر برای استفاده هنگام ریکویست
منتشرشده
00:10:35
انتخاب اتوماتیک دسته والد در صفحه ایجاد دسته بندی جدید
منتشرشده
00:06:47
ویرایش دسته بندی ها
منتشرشده
00:21:52
حذف دسته بندی
منتشرشده
00:08:28
مدیریت ویژگی ها در دسته بندی - نمایش جدول ویژگی ها
منتشرشده
00:19:58
افزودن ویژیگی برای دسته بندی ها
منتشرشده
00:11:30
ویرایش ویژگی های دسته بندی
منتشرشده
00:18:25
حذف ویژگی دسته بندی ها - تکمیل بخش دسته بندی ها
منتشرشده
00:11:16
صفحه مدیریت برندها
منتشرشده
00:21:52
ویرایش و حذف برند ها
منتشرشده
00:15:02
تکمیل صفحه مدیریت گارانتی ها
منتشرشده
00:12:37
تکمیل صفحه مدیریت رنگ ها - مدیریت color picker با فرمیک
منتشرشده
00:14:31
صفحه محصولات با کامپوننت جدول دارای صفحه بندی جدید
منتشرشده
00:22:11
افزودن قابلیت جدید به صفحه بندی کامپوننت جداول - حذف محصول
منتشرشده
00:11:29
افزودن محصول جدید - انتخاب دسته بندی
منتشرشده
00:22:53
صفحه محصولات - لیست کردن کتگوری های انتخاب شده
منتشرشده
00:13:12
ساخت کامپوننت های سلکت باکس چند انتخابی و قابل جستجو
منتشرشده
00:25:16
نهایی سازی افزودن محصول
منتشرشده
00:19:58
حل مشکل چارت داشبورد هنگام ریرندر
منتشرشده
00:05:11
ویرایش محصول
منتشرشده
00:16:55
ساخت ویرایشگر متن CKEditor
منتشرشده
00:21:49
ایجاد فیلدهای ویژگی های محصول
منتشرشده
00:16:14
افزودن مقادیر ویژگی برای محصول
منتشرشده
00:21:09
دریافت و ویرایش ویژگی های ثبت شده برای محصول
منتشرشده
00:09:48
گالری تصاویر محصولات
منتشرشده
00:00:00
حذف تصویر محصول و همچنین تنظیم به عنوان تصویر اصلی
منتشرشده
00:11:00
صفحه مدیریت تخفیف ها
منتشرشده
00:21:00
ایجاد صفحه افزودن تخفیف
منتشرشده
00:14:46
افزودن کد تخفیف - ارسال پراپ با Outlet
منتشرشده
00:11:28
ویرایش و حذف کدهای تخفیف
منتشرشده
00:15:12
شروع بحث مجوز دسترسی مدیران - دریافت لیست مجوز ها
منتشرشده
00:14:21
صفحه مدیریت نقش ها
منتشرشده
00:08:02
افزودن نقش جدید
منتشرشده
00:09:32
ویرایش نقش ها
منتشرشده
00:17:53
ورود به صفحه کاربران + حذف نقش
منتشرشده
00:16:18
ورود به صفحه افزودن کاربر
منتشرشده
00:13:46
افزودن کاربر جدید
منتشرشده
00:21:49
ویرایش و حذف کاربر
منتشرشده
00:06:01
استفاده از ریداکس برای ذخیره اطلاعات کاربر در استیت گلوبال
منتشرشده
00:24:30
نمایش اطلاعات کاربر با استفاده از گلوبال استیت
منتشرشده
00:16:08
تعریف Rout ها با توجه به سطح دسترسی کاربر
منتشرشده
00:10:19
ساخت هوک شخصی برای مدیریت دسترسی ها
منتشرشده
00:10:46
مدیریت آیتم های منو با مجوزهای دسترسی
منتشرشده
00:15:18
مدیریت آیکون عملیات با توجه به مجوز دسترسی
منتشرشده
00:15:57
پابلیش پروژه های ری اکتی
منتشرشده
00:10:03
صفحه مدیریت نحوه ارسال
منتشرشده
00:10:18
نمایش و حذف سبد خرید
منتشرشده
00:10:51
افزودن سبد خرید - نصب و استفاده از پکیج react-select-search
منتشرشده
00:23:04
ویرایش سبد خرید
منتشرشده
00:21:14
ساخت صفحه سفارشات
منتشرشده
00:09:52
افزودن سفارش
منتشرشده
00:23:49
صفحه داشبورد (محصولات رو به اتمام)
منتشرشده
00:12:41
صفحه داشبورد (کارد های آمار فروش)
منتشرشده
00:10:21
صفحه داشبورد (نمودار وضعیت فروش یک ساله)
منتشرشده
00:13:49
نکات و ابزارهای مهم
آشنایی با Vite به عنوان محیط توسعه پروژه ریکت
منتشرشده
00:07:23
آشنایی با مبحث Code-Splitting
منتشرشده
00:11:23
چطور به روز بمونم | یادگیری نکات جدید
منتشرشده
00:08:26
پیشنیاز های دوره چه چیزهایی هستند؟
- آموزش جاوا اسکریپت آکادمی کدیاد
- آموزش HTML و CSS آکادمی کدیاد
- آموزش الگوریتم و فلوچارت آکادمی کدیاد
نظرات دانشجویان
وحید سعید |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
ایلیا طاهر |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام استاد اموزش ها فوق العاده عالی هستش🌹🌹❤
میلاد رئوف |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام جناب بساکی خسته نباشید ، تشکر بابت دوره ی خوبتون من تازه دوره رو شروع کردم و این آدرس اولین پروژه ی دوره ، داخل گیت هابه https://github.com/MiladRaouf/timer-miniproject-react
محمد میراث احمدی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام تا این جای پروژه عالی بود خیلی ممنون فقط یک موردی میخواستم بگم که اگه امکانش هست به پروژه اضافه بشه اونم deploy کردن پروژه روی سرور ویندوز iis
نادر راستگو |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
خیلی متشکرم از زحمات شما تا به اینجا خیلی جالب و قابل درک است
AliTitan 0508 |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
تشکر میکنم از شما بخاطر زمان و انرژی که برا ما میزارین ♡ واقعا قیمت واقعی این دوره میتونه حتی بالای یک میلیون باشه ! و سال جدید رو به شما و خانواده محترمتون تبریک میگم و سال خوبی رو برای شما ارزومندم
سید محمد علی موسوی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام استاد واقعاً دوره تا اینجا عالی بود من اپ هواشناسی را با سلیقه خودم دوباره طراحی کردم و می خواهم نظر ارزشمند شما را درباره اون بدونم https://github.com/aliM494/weather-app
حسین رنجبر |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
خیلی ممنون استاد مرسییی. واقعا بی نظیرید هم دوره تون هم پشتیبانیتون هم خودتون❤❤😍
نادر راستگو |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
باز تشکر از شما بالاخره فرق بین گیت و گیت هاب را متوجه شدم و برای اولین بار دارم ازش استفاده میکنم.
Ehsan Aryan |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
من تا قسمت 44 دیدم و دارم دوره Materialize شما رو هم دنبال میکنم. تشکر میکنم بابت تدریس خوبتون استاد. واقعاً مطالبی که تدریس میشه بیشتر از هزینه دوره ارزش داره.
کیاوش سجودی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام استاد خیلی ممنونم از تدریس بی نظیرتون من مدتیه که با ری اکت آشنا شدم و به دلیل فشار کاری با توجه به اینکه دوره رو پارسال تهیه کردم تازه شروعش کردم و طراحی خیلی بلد نیستم اما این پروژه هواشناسی رو به سلیقه خودم زدم شما هم لطفا بررسی کنید https://github.com/kanedax/weather
محمدرضا صنعتی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
استاد بسامکی واقعا کارتون خیلی درسته. ایول. امیدوارم که مباحث و دوره های آتی که برگزار می کنید هم به همین خفنی باشه. خدا بهتون سلامتی و توفیق بده. !God bless you, man
جواد . |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
این دوره واقعا دوره پرباری بوده تا اینجا مخصوصا فصل های 4 و6 و8 و9 من خودم با کمک این دوره چند ماه پیش استخدام شدم
وحید سعید |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام بر همه دوستان و استاد گرامی خواستم یک تشکر مجدد بکنم از استاد و بگم که من با استفاده از همین اموزش ها در یک شرکت برنامه نویسی خیلی قوی که چندتا پروژه بزرگ کشوری داره به عنوان ری اکت کار استخدام شدم و در چند مرحله مصاحبه و پروژه ازمایشی که ازم خواستن کاملا موفق بودم و مدیران شرکت راضی بودن کاملا. من واقعا خیلی خوشحال خواستم این حس خوب رو با شما هم به اشتراک بذارم ممنون از زحماتتون
سید محسن خراسانی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
استاد بساکی بنده 5 فصل از دوره رو دیدم و همه چیز عالی بود و شیوه بیان شما بسیار شیوا و گویا بود امیدوارم دوره های بعدی شما رو با همین کیفیت ببینیم
...ali.abdollahi.eng6 |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام و درود .دوره رو تازه شروع کردم .فن بیان بسیار عالی دارید درود بر شما 🌹🙏 مطالب عالی هستند .
ایلیا طاهر |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام استاد تمرین پروژه فرم اخر فصل formik را داخل گیت هاب آپلود کردم حتما نگاه کنید و نظرتون رو بگید با اختلاف بهترین دوره موجود❤❤ من که با فصل formik خیلی حال کردم عالی بود ممنون 🌹❤ در این آدرس آپلود کردم👇👇 https://github.com/iliyataher/SignUp-Login-Form-React
پدرام پورحکیم |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
استاد سلام وقتتون بخیر، اولا میخوام بگم که من دوره را با موفقیت کامل گذروندم و ازتون بابت تدریس فوق العاده ممنونم، فقط یک مشکلی دارم اونم اینکه برای یک پروژه ی دیگری من میخوام چندین عکس را به صورت owl carousel فریم ورک bootstrap در یک کامپوننت نمایش بدم، منتهی چون از تابع map دارم استفاده میکنم و مجبورم به اولین عکسی که نمایش داده میشه کلاس active بدم، دیگه عکس های بعدی رو متاسفانه نمایش نمیده، باید چیکار کنم؟
علیرضا ba |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام استاد خسته نباشید تدریستون فوق العاده عالی هستش فقط یه سوال به نطرتون بهتره مباحث مربوط به قسمت پیشرفته رو بعد از اینکه با ریکت چند تا پروژه زدم کار کنم یا همراه با پروژه پیش ببرم
حسن قاسمی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
جناب بساکی سلام وقت بخیر ، فقط به عشق خودت و آموزش بسیار زیبا و دلنشین شما این دوره رو تهیه کردم ، امیدوارم همیشه موفق و پیروز باشید
صفورا امارلو |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام ممنونم از زحمات ارزشمند شما بابت اینکه اینقدر مثال می زنید و تمرین می دهید و به فکر یادگیری ما هستید کمتر استادی به فکر دانشجو است
صفورا امارلو |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام ممنونم بابت اموزش کامل حتی بابت state که توضیح دادید تا بهتر هوک ها رو متوجه بشیم
P. AR |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
درود بر شما. بسیار عالی بود 👍🏽 خیلی ممنون از تدریس کامل و دقیق شما 🙏
بهروز زمانی |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام، بهترین منظم ترین و عالی ترین استاد. واقعا ازتون ممنونم
حامد باقری |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام وقت بخیر استاد . اینم تمرین اخر بخش فرمیک البته url api رو دیلیت کردم توی سورس که کسی استفاده نکنه ولی کاملا کار میکنه https://github.com/hamedbagheriii/Login_Register_Page ممنون از زحمات شما تا اینجای دوره . واقعا دوره جامع و کاملی بود .
حامد باقری |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
ممنون بابت اپدیت دوره استاد . قسمت جدید عالی بود .
زهره ستوده فر |
دانشجوی دوره آموزش جامع ری اکت (React) | صفر تا صد و پروژه محور
سلام ، میزان تسلط یک استاد به اینه که بتونه دوره آموزشی خودش رو بنابر شرایط به روز رسانی کنه و مطالبی که دانشچویان احتیاج دارن رو اضافه کنه . به جرات میتونم بگم تنها دوره مجازی که مثل یک کلاس واقعی و حتی بهتر یاد گرفتم این دوره بود . ممنونم
مدرس دوره
قاسم بساکی
7سال فعالیت در زمینه وب، به عنوان فول استک
عاشق برنامه نویسی
عاشق یادگیری
عاشق تدریس و انتقال علم
سوالات متداول
ری اکت چیست؟
React یک کتابخانهی جاوا اسکریپتی است که برای ساخت یوزر اینترفیس یا همان رابط کاربری مورد استفاده قرار میگیرد
چرا یادگیری ری اکت ساده است ؟
چرا که ما فقط قرار است از سینتکس خود از جاوا اسکریپت استفاده کنیم. اگر تا حدودی با جاوا اسکریپت آشنا باشیم می‌توانیم به راحتی از آن استفاده کنیم. یکی از مزایای دیگر این نوع کتابخانه کامپوننت محور بودن آن میباشد.
برای یادگیری ری اکت چه پیشنیازهایی لازم است؟
مبانی جاوا اسکریپت, برنامهنویسی شیء گرا, آشنایی با الگوریتمها, آشنایی با Flex
چه کسانی باید ری اکت رو یاد بگیرند؟
React یک تکنولوژی سمت کاربر میباشد و اصولا هر کسی که وارد دنیای برنامه نویسی وب میشه باید با فرانتاند آشنا باشه ولی معمولا کسایی که میخوان توی بحث فرانتاند قوی شوند و پروژه های حرفه‌ای بزنند، سراغ تکنولوژی های سمت کاربر جاوااسکریپت مثلا React می‌آیند.
چرا باید من ریاکت بلد باشم؟
در این دنیای پرتنوع برنامهنویسی که هر روز تکنولوژیها در حال پیشرفت هستند و رقابت بین متخصصان حساستر میشود، نسبت به یادگیری نباید بیتفاوت بود و قطعا برای اینکه بتوانیم سخنی برای گفتن داشته باشیم، باید تکنولوژیهای برتر در زمینه فعالیت خود را پیدا کنیم و یاد بگیریم. یکی از تکنولوژیهایی که من، به عنوان توسعهدهنده وب میتوانم یاد بگیرم تا توانایی طراحی پروژههایی با عملکرد بالاتر داشته باشم و همچنین رزومه پرباری در مصاحبهها ارائه دهم، React است که امروزه در سراسر دنیا طرفداران خود را دارد.
رقبای اصلی React چه تکنولوژی هایی میباشد؟
React در میان تمامی تکنولوژیهای جاوااسکریپتی که عملیات آنی (Real Time) را برای ما انجام میدهند و همچنین میتوانند خروجی SPA (وباپلیکیشنهای تکصفحهای) داشته باشند، قرار میگیرد که قویترین و محبوبترین آنها، React، Angular و Vue هستند. باید گفت React برخلاف آن دو که فریمورک هستند، یک کتابخانه است. رقبای اصلی React عبارتند از: Angular - یک فریمورک جاوااسکریپت قدرتمند از طرف Google Vue - یک فریمورک جاوااسکریپت سبکوزن و انعطافپذیر Svelte - یک کامپایلر جاوااسکریپت که کدهای بهینهتری تولید میکند
برای بک اند بهتره چه چیزی یاد بگیرم؟
در پروژههای React، برای انجام عملیات و برقراری ارتباط با سمت سرور، نیاز به وبسرویسهایی داریم که توسط بکاند ایجاد میشود. به لطف RESTful API اصلاً فرقی نمیکند که در سمت سرور از چه تکنولوژیای استفاده کنید. از طرفی باید بگویم به عنوان یک توسعهدهنده React، الزامی برای یادگیری تکنولوژیهای بکاند وجود ندارد و خیلی راحت میتوانید در کنار یک توسعهدهنده بکاند به عنوان همکار، پروژههای خودتان را بسازید یا با حضور در یک تیم برنامهنویسی، به عنوان متخصص فرانتاند، فعالیت داشته باشید. با این حال، اگر علاقهمندید تواناییهای خود را در زمینه بکاند هم افزایش دهید، پیشنهاد میکنم به ترتیب از محبوبترین تکنولوژیها مانند Node.js، PHP، Python و Ruby on Rails شروع کنید.
بازار کار ری اکت چطور است؟
بهتر است این سؤال را به صورت کلی پاسخ دهم. دوست عزیز، اگر شما بتوانید در هر تکنولوژی برنامهنویسی، تبدیل به یک متخصص شوید و توانایی انجام پروژه داشته باشید، تقریباً می‌توان گفت که شما میتوانید به راحتی شغل مرتبط با تخصص خود را پیدا کنید. اگر جستجوی کوچکی در وب‌سایت‌های کاریابی انجام دهید، می‌بینید که در اکثر آگهی‌های استخدام متخصص فرانتاند در سراسر دنیا، تسلط به React از آیتم‌های مهم به‌شمار می‌آید. شما در صورت تسلط به این تکنولوژی، میتوانید رزومه خود را برای بسیاری از این آگهی‌ها ارسال کنید و در نهایت مشغول به کار شوید. بنابراین در مجموع، پیشنهاد میکنم روی یادگیری React به عنوان یک تکنولوژی محبوب و پرکاربرد در حوزه فرانتاند تمرکز کنید. البته یادگیری سایر مهارت‌های مرتبط مانند Redux، HTML و CSS نیز ضروری است.
چرا React.js سرعت بالایی دارد؟
به طور خلاصه، کارکرد اصلی React به این شکل است که از Virtual DOM یا همان DOM مجازی استفاده میکند. پس از هر تغییر، لازم نیست تمام المان‌های صفحه مجدداً رندر شوند. قبل از اعمال تغییر، اینکه تغییر باید در کدام المان اعمال شود، مورد بررسی قرار میگیرد و در نهایت، فقط همان المان به صورت مجدد رندر میشود. همین نوع کارکرد، باعث سرعت بالای پروژههای React میشود. در واقع، React با مقایسه مداوم Virtual DOM و Real DOM و به‌روزرسانی هدفمند المان‌ها، از رندر مجدد غیرضروری جلوگیری میکند و عملکرد را بهینه می‌سازد.
چطور ری اکت را آنلاین یاد بگیرم؟
یادگیری به صورت آنلاین چندان دشوار نیست، تنها نکته مهم حفظ انگیزه خود برای ادامه مسیر تا پایان است که ممکن است چالش‌برانگیز باشد. یکی از عوامل مهم در حفظ انگیزه، آموزش مناسب است تا بتوان در حین فرایند یادگیری، پیشرفت خود را مشاهده نمود. علاوه بر این، داشتن هدف مشخص نیز می‌تواند کمک‌کننده باشد. یکی دیگر از عوامل تأثیرگذار در یادگیری آنلاین، به‌کارگیری روش مناسب است که سعی کرده‌ام آنچه را در این سال‌ها به کار بسته‌ام و نتیجه‌گرفته‌ام، در قالب بیستمین دوره آموزش ریاکت به شما ارائه دهم. امیدوارم برای شما مفید واقع شود.
چطور در React حرفه ای شوم؟
گام اول در یادگیری React، فراگیری اصول آن است که با انتخاب یک دوره مناسب و پروژه محور امکان‌پذیر میشود. گام بعدی که بسیار حائز اهمیت است، انجام پروژههای متعدد و کسب تجربه در حین این کار است. لازم است عرض کنم که در دوره آموزش React سعی کرده‌ام هم مینی پروژههای متفاوتی را در حین یادگیری به شما معرفی نمایم و همچنین در بخش پایانی دوره، خودم به عنوان توسعهدهنده بکاند در کنار شما قرار میگیرم و یک وب‌سرویس در اختیارتان می‌گذارم تا انگار یک پروژه را در یک تیم در حال ساختن هستیم. امیدوارم این دوره بتواند شما را در یادگیری React و آمادگی برای کار در پروژههای واقعی یاری رساند.
برای شروع چقدر جاوااسکریپت بلد باشم؟
آشنایی متوسط با زبان برنامهنویسی JavaScript (مطالب گفته شده در آموزش رایگان JavaScript کدیاد) و همچنین آشنایی با اکمااسکریپت ۶ (ECMAScript 6) لازم است (که موارد مورد نیاز آن را خودم در طول دوره React کدیاد آموزش خواهم داد). به طور خلاصه، پیش‌نیازهای لازم برای شروع دوره React عبارتند از: آشنایی متوسط با زبان برنامهنویسی JavaScript آگاهی از ویژگی‌های جدید اضافه شده در اکمااسکریپت ۶ مانند کلاس‌ها، ماژول‌ها و غیره مطالب مربوط به پیش‌نیازها در دوره‌های رایگان ما آموزش داده شده و در طول دوره React نیز به نکات مهم اشاره خواهد شد.
بعد از مشاهده این دوره میتوانم پروژه بزنم؟
در دوره آموزش React سعی کرده‌ام هم مینی پروژههای متفاوتی را در حین یادگیری به شما معرفی نمایم و همچنین در بخش پایانی دوره، خودم به عنوان توسعهدهنده بکاند در کنار شما قرار میگیرم و یک وب‌سرویس را در اختیارتان قرار می‌دهم تا گویی یک پروژه را در یک تیم در حال ساختن هستیم. در صورتی‌که گام به گام با من کدنویسی کنید و توصیه‌های ارائه شده را رعایت نمایید، میتوانید پروژههای خودتان را آغاز کرده و وارد دنیای حرفه‌ای توسعه وب شوید.
چیزی که در این دوره یاد میگیرم در نسخه های آینده ری اکت هم قابل اجراست؟
مینی پروژههای این دوره را ما با نسخه 17 و پروژه پایانی را با نسخه 18 ریاکت انجام دادیم و جالب است که به جز یک تغییر بسیار کوچک نیم‌خطی، بقیه مطالبی که در پروژه پایانی انجام دادیم دقیقاً همان مواردی بود که با نسخه 17 توضیح داده شد و بهتر است بگویم که تمام مطالب ارائه شده در این دوره تقریباً در تمام نسخه‌ها ثابت هستند و در نسخه‌های آینده نیز باید آنها را بلد باشیم و تغییر خاصی در ساختار پروژه‌هایمان ایجاد نخواهد شد.
با ثبت نام در این دوره چه چیزهایی دریافت میکنم؟
شما با ثبت نام در این دوره، علاوه بر دوره آموزش React، دو دوره آموزش Next.js و آموزش PWA را نیز بطور رایگان دریافت خواهید کرد.